<!doctype html>
<html lang="en">

<head>

    <!-- Basic Page Needs
    ================================================== -->
    <title>TubeLite Streaming Video HTML Template</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="TubeLite is - Professional A unique and beautiful collection of UI elements">
    <link rel="icon" href="assets/images/favicon.png">

    <!-- CSS 
    ================================================== -->
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/night-mode.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/uikit/3.2.1/css/uikit.min.css">

    <!-- icons
    ================================================== -->
    <link rel="stylesheet" href="assets/css/icons.css">

    <!-- Google font
    ================================================== -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">

</head>

<body>

    <!-- Wrapper -->
    <div id="wrapper" class="sidebar-out">

        <!-- sidebar -->
        <div class="main_sidebar">
            <div class="side-overlay" uk-toggle="target: #wrapper ; cls: collapse-sidebar mobile-visible"></div>

            <!-- sidebar header -->
            <div class="sidebar-header">
                <h4> Navigation</h4>
                <span class="btn-close" uk-toggle="target: #wrapper ; cls: collapse-sidebar mobile-visible"></span>
            </div>

            <!-- sidebar Menu -->
            <div class="sidebar">
                <div class="sidebar_innr" data-simplebar>

                    <div class="sections">
                        <h3> Browse </h3>
                        <ul>
                            <li> <a href="home.html"> <i class="uil-home-alt"></i> <span> Home </span> </a></li>
                            <li> <a href="browse-channals.html"> 
                                <i class="uil-users-alt"></i> <span> Subscriptions </span> </a></li>
                            <li> <a href="your-watch-later.html"> <i class="uil-clock"></i> <span> Watch Later </span> </a></li>
                            <li> <a href="your-laked-videos.html"> <i class="uil-thumbs-up"></i> <span>  Likded Videos </span> </a></li>
                            <li> <a href="browse-catagroies.html"> <i class="uil-layers"></i> <span> Catagories</span> </a></li>
                            <li> <a href="your-history.html"> <i class="uil-history"></i> <span> History </span> </a></li>
                        </ul>
                    </div>


                    <div class="sections">
                        <h3> Subscriptions </h3>
                        <ul>
                            <li> <a href="single-channal.html"> <img src="assets/images/avatars/avatar-3.jpg" alt="">
                                    <span> Stella Johnson </span> <span class="dot-notiv"></span></a></li>
                            <li> <a href="single-channal.html"> <img src="assets/images/avatars/avatar-2.jpg" alt="">
                                    <span> Alex Dolgove </span> <span class="dot-notiv"></span></a></li>
                            <li> <a href="single-channal.html"> <img src="assets/images/avatars/avatar-4.jpg" alt="">
                                    <span> Adrian Mohani </span> </a> </li>
                            <li> <a href="single-channal.html"> <img src="assets/images/avatars/avatar-2.jpg" alt="">
                                    <span> Stella Johnson </span> </a> </li>
                        </ul>

                        <!-- view more subcription-->
                        <div class="uk-flex uk-flex-center mb-3">
                            <a href="browse-channals.html" class="button default circle px-5">
                                <i class="uil-plus mr-2"></i> More Channals</a>
                        </div>

                    </div>

                    <div class="sections">
                        <h3> PAGES </h3>
                        <ul>
                            <li> <a href="page-setting.html"><i class="uil-cog"></i> <span> Setting </span> </a></li>
                            <li> <a href="page-help.html"><i class="uil-info-circle"></i> <span> Help Community  </span></a></li>
                            <li> <a href="#"><i class="uil-layers"></i> <span> Extra page </span> </a>
                                <ul>
                                    <li>
                                        <a href="page-maintanence.html"> Maintanence </a>
                                        <a href="page-comming-soon.html"> Comming soon</a>
                                    </li>
                                </ul>

                            </li>
                            <li class="active"> <a href="#"><i class="uil-code"></i> <span> Development </span> </a>
                                <ul>
                                    <li>
                                        <a href="development-elements.html"> Elements </a>
                                        <a href="development-components.html"> Components</a>
                                        <a href="development-icons.html"> Icons Pack </a>
                                    </li>
                                </ul>

                            </li>
                            <li> <a href="#"><i class="uil-user-circle"></i> <span> Accounts </span> </a>
                                <ul>
                                    <li>
                                        <a href="form-login.html"> Login </a>
                                        <a href="form-register.html"> Register </a>
                                        <a href="form-modern-login.html"> Simple Register</a>
                                        <a href="form-modern-singup.html"> Simple Register</a>
                                    </li>
                                </ul>

                            </li>
                        </ul>
                    </div>

                    <div id="foot">

                        <ul>
                            <li> <a href="page-term.html"> About Us </a></li>
                            <li> <a href="page-setting.html"> Setting </a></li>
                            <li> <a href="page-privacy.html"> Privacy Policy </a></li>
                            <li> <a href="page-term.html"> Terms - Conditions </a></li>
                        </ul>


                        <div class="foot-content">
                            <p>© 2019 <strong>TubeLite</strong>. All Rights Reserved. </p>
                        </div>

                    </div>



                </div>


            </div>

        </div>

        <!-- header -->
        <div id="main_header">
            <header>

                <!-- Logo-->
                <i class="header-traiger uil-bars"
                    uk-toggle="target: #wrapper ; cls: collapse-sidebar mobile-visible"></i>

                <!-- Logo-->
                <div id="logo">
                    <a href="#"> <img src="assets/images/logo.png" alt=""></a>
                    <a href="#"> <img src="assets/images/logo-light.png" class="logo-inverse" alt=""></a>
                </div>

                <!-- form search-->
                <div class="head_search">
                    <form>
                        <div class="head_search_cont">
                            <input value="" type="text" class="form-control"
                                placeholder="Search for Videos, Games, Movies and more.." autocomplete="off">
                            <i class="s_icon uil-search-alt"></i>
                        </div>

                        <!-- Search box dropdown -->
                        <div uk-dropdown="pos: top;mode:click;animation: uk-animation-slide-bottom-small"
                            class="dropdown-search">
                            <!-- User menu -->

                            <ul class="dropdown-search-list">
                                <li class="list-title"> Recent Searches </li>
                                <li> <a href="single-video.html"> Adobe XD Design Free Tutorial .. </a> </li>
                                <li> <a href="single-video.html"> How to create a basic Sticky HTML element .. </a>
                                </li>
                                <li> <a href="single-video.html"> Learn How to Prototype Faster with Mockplus! in 2020
                                    </a> </li>
                                <li> <a href="single-video.html"> Adobe XD Design Tutorial Company Website Landing Page
                                        .. </a> </li>
                                <li class="menu-divider">
                                <li class="list-footer"> <a href="your-history.html"> Searches History </a></li>
                            </ul>

                        </div>


                    </form>
                </div>

                <!-- user icons -->
                <div class="head_user">

                    <a href="page-pricing.html" class="btn-upgrade uk-visible@s"> <i class="uil-bolt-alt"></i> Pro</a>
                    <a href="#" class="btn-upload uk-visible@s"> <i class="uil-cloud-upload"></i> Upload</a>

                    <!-- upload dropdown box -->
                    <div uk-dropdown="pos: top-right;mode:click ; animation: uk-animation-slide-bottom-small"
                        class="dropdown-notifications">

                        <!-- notivication header -->
                        <div class="dropdown-notifications-headline">
                            <h4>Upload Video</h4>
                        </div>

                        <!-- notification contents -->
                        <div class="dropdown-notifications-content uk-flex uk-flex-middle uk-flex-center text-center">


                            <div class="uk-flex uk-flex-column choose-upload  text-center">
                                <img src="assets/images/upload.png" width="70" class="m-auto" alt="">
                                <p class="my-3"> Do you have a video wants to share us <br> please upload her ..
                                </p>
                                <div uk-form-custom>
                                    <input type="file">
                                    <a href="#" class="button soft-primary small"> Choose file</a>
                                </div>

                                <a href="#" class="uk-text-muted mt-3 uk-link"
                                    uk-toggle="target: .choose-upload ;  animation: uk-animation-slide-right-small, uk-animation-slide-left-medium; queued: true">
                                    Or Import Video </d>
                            </div>

                            <div class="uk-flex uk-flex-column choose-upload" hidden>
                                <i class="uil-import icon-large text-muted"></i>
                                <p class="my-3"> Import videos from YouTube <br> Copy / Paste your video link here </p>
                                <form class="uk-grid-small" uk-grid>
                                    <div class="uk-width-expand">
                                        <input type="text" class="uk-input uk-form-small" placeholder="Paste link">
                                    </div>
                                    <div class="uk-width-auto"> <button type="submit" class="button soft-primary">
                                            Import </button> </div>
                                </form>
                                <a href="#" class="uk-text-muted mt-3 uk-link"
                                    uk-toggle="target: .choose-upload ; animation: uk-animation-slide-left-small, uk-animation-slide-right-medium; queued: true">
                                    Or Upload Video </a>
                            </div>



                        </div>
                        <hr class="m-0">
                        <div class="text-center uk-text-small py-2 uk-text-muted"> Your Video size Must be Maxmium 999MB
                        </div>
                    </div>


                    <!-- videos feed  -->
                    <a href="#video" class="opts_icon" uk-toggle> <i class="uil-youtube-alt"></i> <span>9+</span> </a>

                    <!-- videos feed  offcanvas-->
                    <div id="video" uk-offcanvas="overlay: true ;flip: true">
                        <div class="uk-offcanvas-bar uk-width-large">

                            <h3> Your Subscription </h3>
                            <hr class="mb-3" style="margin:0 -20px">
                            <button class="uk-offcanvas-close" type="button" uk-close></button>

                            <div class="video-list-small uk-child-width-1-1" uk-grid>

                                <div>
                                    <a href="single-video.html" class="video-post video-post-list">
                                        <!-- Blog Post Thumbnail -->
                                        <div class="video-post-thumbnail">
                                            <span class="video-post-count">1.4M</span>
                                            <span class="video-post-time">23:00</span>
                                            <span class="play-btn-trigger"></span>

                                            <img src="assets/images/video-thumbal/2.png" alt="">

                                        </div>

                                        <!-- Blog Post Content -->
                                        <div class="video-post-content">
                                            <h3> How to create a basic Sticky HTML element..</h3>
                                            <img src="assets/images/avatars/avatar-3.jpg" alt="">
                                            <span class="video-post-user">Jonathan Madano</span>
                                            <span class="video-post-views">531k views</span>
                                            <span class="video-post-date"> 2 weeks ago </span>
                                        </div>
                                    </a>
                                </div>

                                <div>
                                    <a href="single-video.html" class="video-post video-post-list">
                                        <!-- Blog Post Thumbnail -->
                                        <div class="video-post-thumbnail">
                                            <span class="video-post-count">2.7k</span>
                                            <span class="video-post-time">40:00</span>
                                            <span class="play-btn-trigger"></span>
                                            <img src="assets/images/video-thumbal/1.png" alt="">
                                        </div>
                                        <!-- Blog Post Content -->
                                        <div class="video-post-content">
                                            <h3> Learn how to create PHP singleton class </h3>
                                            <img src="assets/images/avatars/avatar-2.jpg" alt="">
                                            <span class="video-post-user">Stella Johnson</span>
                                            <span class="video-post-views">938k views</span>
                                            <span class="video-post-date"> 3 weeks ago </span>
                                        </div>
                                    </a>
                                </div>

                                <div>
                                    <a href="single-video.html" class="video-post video-post-list">
                                        <!-- Blog Post Thumbnail -->
                                        <div class="video-post-thumbnail">
                                            <span class="video-post-count">2.3M</span>
                                            <span class="video-post-time">14:00</span>
                                            <span class="play-btn-trigger"></span>
                                            <img src="assets/images/video-thumbal/3.png" alt="">
                                        </div>
                                        <!-- Blog Post Content -->
                                        <div class="video-post-content">
                                            <h3> Learn Creating Laravel Package Initializing ... </h3>
                                            <img src="assets/images/avatars/avatar-5.jpg" alt="">
                                            <span class="video-post-user">Alex Dolgove</span>
                                            <span class="video-post-views">531k views</span>
                                            <span class="video-post-date"> 2 weeks ago </span>
                                        </div>
                                    </a>
                                </div>

                                <div>
                                    <a href="single-video.html" class="video-post video-post-list">
                                        <!-- Blog Post Thumbnail -->
                                        <div class="video-post-thumbnail">
                                            <span class="video-post-count">1.4M</span>
                                            <span class="video-post-time">23:00</span>
                                            <span class="play-btn-trigger"></span>
                                            <img src="assets/images/video-thumbal/4.png" alt="">
                                        </div>
                                        <!-- Blog Post Content -->
                                        <div class="video-post-content">
                                            <h3> Learn how to upload files using Laravel .. </h3>
                                            <img src="assets/images/avatars/avatar-4.jpg" alt="">
                                            <span class="video-post-user">Adrian Mohani</span>
                                            <span class="video-post-views">531k views</span>
                                            <span class="video-post-date"> 2 weeks ago </span>
                                        </div>
                                    </a>
                                </div>

                                <div>
                                    <a href="single-video.html" class="video-post video-post-list">
                                        <!-- Blog Post Thumbnail -->
                                        <div class="video-post-thumbnail">
                                            <span class="video-post-count">1.4M</span>
                                            <span class="video-post-time">23:00</span>
                                            <span class="play-btn-trigger"></span>
                                            <img src="assets/images/video-thumbal/2.png" alt="">
                                        </div>

                                        <!-- Blog Post Content -->
                                        <div class="video-post-content">
                                            <h3> How to create a basic Sticky HTML element ..</h3>
                                            <img src="assets/images/avatars/avatar-3.jpg" alt="">
                                            <span class="video-post-user">Jonathan Madano</span>
                                            <span class="video-post-views">531k views</span>
                                            <span class="video-post-date"> 2 weeks ago </span>
                                        </div>
                                    </a>
                                </div>

                                <div>
                                    <a href="single-video.html" class="video-post video-post-list">
                                        <!-- Blog Post Thumbnail -->
                                        <div class="video-post-thumbnail">
                                            <span class="video-post-count">2.7k</span>
                                            <span class="video-post-time">40:00</span>
                                            <span class="play-btn-trigger"></span>
                                            <img src="assets/images/video-thumbal/1.png" alt="">
                                        </div>
                                        <!-- Blog Post Content -->
                                        <div class="video-post-content">
                                            <h3> Learn how to create PHP singleton class </h3>
                                            <img src="assets/images/avatars/avatar-2.jpg" alt="">
                                            <span class="video-post-user">Stella Johnson</span>
                                            <span class="video-post-views">938k views</span>
                                            <span class="video-post-date"> 3 weeks ago </span>
                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                    </div>


                    <!-- browse apps  -->
                    <a href="#" class="opts_icon uk-visible@s"> <i class="uil-apps"></i> </a>

                    <!-- browse apps dropdown -->
                    <div uk-dropdown="pos: top;mode:click ; animation: uk-animation-scale-up" class="icon-browse">

                        <a href="#" class="icon-menu-item"> <i class="uil-shop"></i> Dashboard </a>
                        <a href="#" class="icon-menu-item"> <i class="uil-envelope-alt"></i> Messages </a>
                        <a href="#" class="icon-menu-item"> <i class="uil-bookmark"></i> Bookmark </a>
                        <a href="#" class="icon-menu-item"> <i class="uil-shopping-basket"></i> Cart </a>
                        <a href="#" class="icon-menu-item"> <i class="uil-shield-check"></i> Privacy </a>
                        <a href="#" class="icon-menu-item"> <i class="uil-bolt-alt"></i> Upgrade </a>
                        <a href="#" class="more-app"> More Features</a>
                    </div>


                    <!-- Message  notificiation dropdown -->
                    <a href="#" class="opts_icon"> <i class="uil-envelope-alt"></i> <span>4</span> </a>

                    <!-- Message  notificiation dropdown -->
                    <div uk-dropdown="pos: top-right;mode:click ; animation: uk-animation-slide-bottom-small"
                        class="dropdown-notifications">

                        <!-- notivication header -->
                        <div class="dropdown-notifications-headline">
                            <h4>Messages</h4>
                            <a href="#">
                                <i class="icon-feather-settings" uk-tooltip="title: Message settings ; pos: left"></i>
                            </a>
                        </div>

                        <!-- notification contents -->
                        <div class="dropdown-notifications-content" data-simplebar>

                            <!-- notiviation list -->
                            <ul>
                                <li class="notifications-not-read">
                                    <a href="#">
                                        <span class="notification-avatar">
                                            <img src="assets/images/avatars/avatar-2.jpg" alt="">
                                        </span>
                                        <div class="notification-text notification-msg-text">
                                            <strong>Jonathan Madano</strong>
                                            <p>Okay.. Thanks for The Answer I will be waiting for your...</p>
                                            <span class="time-ago"> 2 hours ago </span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-avatar">
                                            <img src="assets/images/avatars/avatar-3.jpg" alt="">
                                        </span>
                                        <div class="notification-text notification-msg-text">
                                            <strong>Stella Johnson</strong>
                                            <p> Alex will explain you how to keep your videos privatly and all that...
                                            </p>
                                            <span class="time-ago"> 7 hours ago </span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-avatar">
                                            <img src="assets/images/avatars/avatar-1.jpg" alt="">
                                        </span>
                                        <div class="notification-text notification-msg-text">
                                            <strong>Alex Dolgove</strong>
                                            <p> Alia just joined Messenger! Be the first to send a
                                                welcome message..</p>
                                            <span class="time-ago"> 19 hours ago </span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-avatar">
                                            <img src="assets/images/avatars/avatar-4.jpg" alt="">
                                        </span>
                                        <div class="notification-text notification-msg-text">
                                            <strong>Adrian Mohani</strong>
                                            <p> Okay.. Thanks for The Answer I will be waiting for your... </p>
                                            <span class="time-ago"> Yesterday </span>
                                        </div>
                                    </a>
                                </li>
                            </ul>

                        </div>
                        <div class="dropdown-notifications-footer">
                            <a href="#"> sell all <i class="icon-line-awesome-long-arrow-right"></i> </a>
                        </div>


                    </div>


                    <!-- notificiation icon  -->
                    <a href="#" class="opts_icon"> <i class="uil-bell"></i> <span>3</span> </a>

                    <!-- notificiation dropdown -->
                    <div uk-dropdown="pos: top-right;mode:click ; animation: uk-animation-slide-bottom-small"
                        class="dropdown-notifications">

                        <!-- notivication header -->
                        <div class="dropdown-notifications-headline">
                            <h4>Notifications </h4>
                            <a href="#">
                                <i class="icon-feather-settings"
                                    uk-tooltip="title: Notifications settings ; pos: left"></i>
                            </a>
                        </div>

                        <!-- notification contents -->
                        <div class="dropdown-notifications-content" data-simplebar>

                            <!-- notiviation list -->
                            <ul>
                                <li class="notifications-not-read">
                                    <a href="#">
                                        <span class="notification-icon">
                                            <i class="icon-feather-thumbs-up"></i></span>
                                        <span class="notification-text">
                                            <strong>Adrian Mohani</strong> Like Your Comment On Video
                                            <span class="text-primary">Learn Prototype Faster</span>
                                            <br> <span class="time-ago"> 9 hours ago </span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-icon">
                                            <i class="icon-feather-star"></i></span>
                                        <span class="notification-text">
                                            <strong>Alex Dolgove</strong> Added New Review In Video
                                            <span class="text-primary">Full Stack PHP Developer</span>
                                            <br> <span class="time-ago"> 19 hours ago </span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-icon">
                                            <i class="icon-feather-message-circle"></i></span>
                                        <span class="notification-text">
                                            <strong>Stella Johnson</strong> Replay Your Comments in
                                            <span class="text-primary">Adobe XD Tutorial</span>
                                            <br> <span class="time-ago"> 12 hours ago </span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-icon">
                                            <i class="icon-feather-share-2"></i></span>
                                        <span class="notification-text">
                                            <strong>Adrian Mohani</strong> Like Your Comment On Video
                                            <span class="text-primary">Learn Prototype Faster</span>
                                            <br> <span class="time-ago"> Yesterday </span>
                                        </span>
                                    </a>
                                </li>
                            </ul>

                        </div>


                    </div>


                    <!-- profile -image -->
                    <a class="opts_account"> <img src="assets/images/avatars/avatar-1.jpg" alt=""></a>

                    <!-- profile dropdown-->
                    <div uk-dropdown="pos: top-right;mode:click ; animation: uk-animation-slide-bottom-small"
                        class="dropdown-notifications small">

                        <!-- User Name / Avatar -->
                        <a href="#">

                            <div class="dropdown-user-details">
                                <div class="dropdown-user-avatar">
                                    <img src="assets/images/avatars/avatar-1.jpg" alt="">
                                </div>
                                <div class="dropdown-user-name">
                                    Richard Ali <span> verified <i class="uil-check"></i> </span>
                                </div>
                            </div>

                        </a>

                        <!-- User menu -->

                        <ul class="dropdown-user-menu">
                            <li><a href="#"> <i class="uil-bolt"></i> Go PRO</a> </li>
                            <li><a href="#"> <i class="uil-user"></i> My Channal </a> </li>
                            <li><a href="#"> <i class="uil-thumbs-up"></i> Liked Videos </a></li>
                            <li><a href="#"> <i class="uil-history"></i> Watch Later </a></li>
                            <li><a href="#"> <i class="uil-cog"></i> Account Settings</a></li>
                            <li><a href="#" style="color:#ff8400"> <i class="uil-bolt"></i> Upgrade To Premium</a> </li>
                            <li>
                                <a href="#" id="night-mode" class="btn-night-mode">
                                    <i class="icon-feather-moon"></i> Night mode
                                    <span class="btn-night-mode-switch">
                                        <span class="uk-switch-button"></span>
                                    </span>
                                </a>
                            </li>
                            <li class="menu-divider">
                            <li><a href="#"> <i class="icon-feather-help-circle"></i> Help</a>
                            </li>
                            <li><a href="#"> <i class="icon-feather-log-out"></i> Sing Out</a>
                            </li>
                        </ul>


                    </div>

                </div>

            </header>

        </div>



        <!-- contents -->
        <div class="main_content">

            <div class="main_content_inner">


                <h1> Icons </h1>



                <div class="uk-flex uk-flex-between">
                    <h3>Material icons</h3>
                    <a class="headline-link bottom-icon" href="#feather-icons" uk-scroll>Go to Next Icon Set</a>
                </div>



               

                    
                        <h3>Brand Icons</h3>
                    </div>

                    <div class="icon-set-container">

                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-accessible-icon">

                                </span>
                                <span class="mls"> icon-brand-accessible-icon</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-accusoft">

                                </span>
                                <span class="mls"> icon-brand-accusoft</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-adn">

                                </span>
                                <span class="mls"> icon-brand-adn</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-adversal">

                                </span>
                                <span class="mls"> icon-brand-adversal</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-affiliatetheme">

                                </span>
                                <span class="mls"> icon-brand-affiliatetheme</span>
                            </div>


                        </div>
                     
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-npm">

                                </span>
                                <span class="mls"> icon-brand-npm</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-ns8">

                                </span>
                                <span class="mls"> icon-brand-ns8</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-nutritionix">

                                </span>
                                <span class="mls"> icon-brand-nutritionix</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-odnoklassniki">

                                </span>
                                <span class="mls"> icon-brand-odnoklassniki</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-odnoklassniki-square">

                                </span>
                                <span class="mls"> icon-brand-odnoklassniki-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-old-republic">

                                </span>
                                <span class="mls"> icon-brand-old-republic</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-opencart">

                                </span>
                                <span class="mls"> icon-brand-opencart</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-openid">

                                </span>
                                <span class="mls"> icon-brand-openid</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-opera">

                                </span>
                                <span class="mls"> icon-brand-opera</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-optin-monster">

                                </span>
                                <span class="mls"> icon-brand-optin-monster</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-osi">

                                </span>
                                <span class="mls"> icon-brand-osi</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-page4">

                                </span>
                                <span class="mls"> icon-brand-page4</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-pagelines">

                                </span>
                                <span class="mls"> icon-brand-pagelines</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-palfed">

                                </span>
                                <span class="mls"> icon-brand-palfed</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-patreon">

                                </span>
                                <span class="mls"> icon-brand-patreon</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-paypal">

                                </span>
                                <span class="mls"> icon-brand-paypal</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-periscope">

                                </span>
                                <span class="mls"> icon-brand-periscope</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-phabricator">

                                </span>
                                <span class="mls"> icon-brand-phabricator</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-phoenix-framework">

                                </span>
                                <span class="mls"> icon-brand-phoenix-framework</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-phoenix-squadron">

                                </span>
                                <span class="mls"> icon-brand-phoenix-squadron</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-php">

                                </span>
                                <span class="mls"> icon-brand-php</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-pied-piper">

                                </span>
                                <span class="mls"> icon-brand-pied-piper</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-pied-piper-alt">

                                </span>
                                <span class="mls"> icon-brand-pied-piper-alt</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-pied-piper-hat">

                                </span>
                                <span class="mls"> icon-brand-pied-piper-hat</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-pied-piper-pp">

                                </span>
                                <span class="mls"> icon-brand-pied-piper-pp</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-pinterest">

                                </span>
                                <span class="mls"> icon-brand-pinterest</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-pinterest-p">

                                </span>
                                <span class="mls"> icon-brand-pinterest-p</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-pinterest-square">

                                </span>
                                <span class="mls"> icon-brand-pinterest-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-playstation">

                                </span>
                                <span class="mls"> icon-brand-playstation</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-product-hunt">

                                </span>
                                <span class="mls"> icon-brand-product-hunt</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-pushed">

                                </span>
                                <span class="mls"> icon-brand-pushed</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-python">

                                </span>
                                <span class="mls"> icon-brand-python</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-qq">

                                </span>
                                <span class="mls"> icon-brand-qq</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-quinscape">

                                </span>
                                <span class="mls"> icon-brand-quinscape</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-quora">

                                </span>
                                <span class="mls"> icon-brand-quora</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-ravelry">

                                </span>
                                <span class="mls"> icon-brand-ravelry</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-react">

                                </span>
                                <span class="mls"> icon-brand-react</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-readme">

                                </span>
                                <span class="mls"> icon-brand-readme</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-rebel">

                                </span>
                                <span class="mls"> icon-brand-rebel</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-reddit">

                                </span>
                                <span class="mls"> icon-brand-reddit</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-reddit-alien">

                                </span>
                                <span class="mls"> icon-brand-reddit-alien</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-reddit-square">

                                </span>
                                <span class="mls"> icon-brand-reddit-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-red-river">

                                </span>
                                <span class="mls"> icon-brand-red-river</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-rendact">

                                </span>
                                <span class="mls"> icon-brand-rendact</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-renren">

                                </span>
                                <span class="mls"> icon-brand-renren</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-replyd">

                                </span>
                                <span class="mls"> icon-brand-replyd</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-researchgate">

                                </span>
                                <span class="mls"> icon-brand-researchgate</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-resolving">

                                </span>
                                <span class="mls"> icon-brand-resolving</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-rocketchat">

                                </span>
                                <span class="mls"> icon-brand-rocketchat</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-rockrms">

                                </span>
                                <span class="mls"> icon-brand-rockrms</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-r-project">

                                </span>
                                <span class="mls"> icon-brand-r-project</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-safari">

                                </span>
                                <span class="mls"> icon-brand-safari</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-sass">

                                </span>
                                <span class="mls"> icon-brand-sass</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-schlix">

                                </span>
                                <span class="mls"> icon-brand-schlix</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-scribd">

                                </span>
                                <span class="mls"> icon-brand-scribd</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-searchengin">

                                </span>
                                <span class="mls"> icon-brand-searchengin</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-sellcast">

                                </span>
                                <span class="mls"> icon-brand-sellcast</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-sellsy">

                                </span>
                                <span class="mls"> icon-brand-sellsy</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-servicestack">

                                </span>
                                <span class="mls"> icon-brand-servicestack</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-shirtsinbulk">

                                </span>
                                <span class="mls"> icon-brand-shirtsinbulk</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-simplybuilt">

                                </span>
                                <span class="mls"> icon-brand-simplybuilt</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-sistrix">

                                </span>
                                <span class="mls"> icon-brand-sistrix</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-sith">

                                </span>
                                <span class="mls"> icon-brand-sith</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-skyatlas">

                                </span>
                                <span class="mls"> icon-brand-skyatlas</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-skype">

                                </span>
                                <span class="mls"> icon-brand-skype</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-slack">

                                </span>
                                <span class="mls"> icon-brand-slack</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-slack-hash">

                                </span>
                                <span class="mls"> icon-brand-slack-hash</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-slideshare">

                                </span>
                                <span class="mls"> icon-brand-slideshare</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-snapchat">

                                </span>
                                <span class="mls"> icon-brand-snapchat</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-snapchat-ghost">

                                </span>
                                <span class="mls"> icon-brand-snapchat-ghost</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-snapchat-square">

                                </span>
                                <span class="mls"> icon-brand-snapchat-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-soundcloud">

                                </span>
                                <span class="mls"> icon-brand-soundcloud</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-speakap">

                                </span>
                                <span class="mls"> icon-brand-speakap</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-spotify">

                                </span>
                                <span class="mls"> icon-brand-spotify</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-stack-exchange">

                                </span>
                                <span class="mls"> icon-brand-stack-exchange</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-stack-overflow">

                                </span>
                                <span class="mls"> icon-brand-stack-overflow</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-staylinked">

                                </span>
                                <span class="mls"> icon-brand-staylinked</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-steam">

                                </span>
                                <span class="mls"> icon-brand-steam</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-steam-square">

                                </span>
                                <span class="mls"> icon-brand-steam-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-steam-symbol">

                                </span>
                                <span class="mls"> icon-brand-steam-symbol</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-sticker-mule">

                                </span>
                                <span class="mls"> icon-brand-sticker-mule</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-strava">

                                </span>
                                <span class="mls"> icon-brand-strava</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-stripe">

                                </span>
                                <span class="mls"> icon-brand-stripe</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-stripe-s">

                                </span>
                                <span class="mls"> icon-brand-stripe-s</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-studiovinari">

                                </span>
                                <span class="mls"> icon-brand-studiovinari</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-stumbleupon">

                                </span>
                                <span class="mls"> icon-brand-stumbleupon</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-stumbleupon-circle">

                                </span>
                                <span class="mls"> icon-brand-stumbleupon-circle</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-superpowers">

                                </span>
                                <span class="mls"> icon-brand-superpowers</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-supple">

                                </span>
                                <span class="mls"> icon-brand-supple</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-teamspeak">

                                </span>
                                <span class="mls"> icon-brand-teamspeak</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-telegram">

                                </span>
                                <span class="mls"> icon-brand-telegram</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-telegram-plane">

                                </span>
                                <span class="mls"> icon-brand-telegram-plane</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-tencent-weibo">

                                </span>
                                <span class="mls"> icon-brand-tencent-weibo</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-themeisle">

                                </span>
                                <span class="mls"> icon-brand-themeisle</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-trade-federation">

                                </span>
                                <span class="mls"> icon-brand-trade-federation</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-trello">

                                </span>
                                <span class="mls"> icon-brand-trello</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-tripadvisor">

                                </span>
                                <span class="mls"> icon-brand-tripadvisor</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-tumblr">

                                </span>
                                <span class="mls"> icon-brand-tumblr</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-tumblr-square">

                                </span>
                                <span class="mls"> icon-brand-tumblr-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-twitch">

                                </span>
                                <span class="mls"> icon-brand-twitch</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-twitter">

                                </span>
                                <span class="mls"> icon-brand-twitter</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-twitter-square">

                                </span>
                                <span class="mls"> icon-brand-twitter-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-typo3">

                                </span>
                                <span class="mls"> icon-brand-typo3</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-uber">

                                </span>
                                <span class="mls"> icon-brand-uber</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-uikit">

                                </span>
                                <span class="mls"> icon-brand-uikit</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-uniregistry">

                                </span>
                                <span class="mls"> icon-brand-uniregistry</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-untappd">

                                </span>
                                <span class="mls"> icon-brand-untappd</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-usb">

                                </span>
                                <span class="mls"> icon-brand-usb</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-ussunnah">

                                </span>
                                <span class="mls"> icon-brand-ussunnah</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-vaadin">

                                </span>
                                <span class="mls"> icon-brand-vaadin</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-viacoin">

                                </span>
                                <span class="mls"> icon-brand-viacoin</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-viadeo">

                                </span>
                                <span class="mls"> icon-brand-viadeo</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-viadeo-square">

                                </span>
                                <span class="mls"> icon-brand-viadeo-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-viber">

                                </span>
                                <span class="mls"> icon-brand-viber</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-vimeo">

                                </span>
                                <span class="mls"> icon-brand-vimeo</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-vimeo-square">

                                </span>
                                <span class="mls"> icon-brand-vimeo-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-vimeo-v">

                                </span>
                                <span class="mls"> icon-brand-vimeo-v</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-vine">

                                </span>
                                <span class="mls"> icon-brand-vine</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-vk">

                                </span>
                                <span class="mls"> icon-brand-vk</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-vnv">

                                </span>
                                <span class="mls"> icon-brand-vnv</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-vuejs">

                                </span>
                                <span class="mls"> icon-brand-vuejs</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-weibo">

                                </span>
                                <span class="mls"> icon-brand-weibo</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-weixin">

                                </span>
                                <span class="mls"> icon-brand-weixin</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-whatsapp">

                                </span>
                                <span class="mls"> icon-brand-whatsapp</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-whatsapp-square">

                                </span>
                                <span class="mls"> icon-brand-whatsapp-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-whmcs">

                                </span>
                                <span class="mls"> icon-brand-whmcs</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-wikipedia-w">

                                </span>
                                <span class="mls"> icon-brand-wikipedia-w</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-windows">

                                </span>
                                <span class="mls"> icon-brand-windows</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-wolf-pack-battalion">

                                </span>
                                <span class="mls"> icon-brand-wolf-pack-battalion</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-wordpress">

                                </span>
                                <span class="mls"> icon-brand-wordpress</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-wordpress-simple">

                                </span>
                                <span class="mls"> icon-brand-wordpress-simple</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-wpbeginner">

                                </span>
                                <span class="mls"> icon-brand-wpbeginner</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-wpexplorer">

                                </span>
                                <span class="mls"> icon-brand-wpexplorer</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-wpforms">

                                </span>
                                <span class="mls"> icon-brand-wpforms</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-xbox">

                                </span>
                                <span class="mls"> icon-brand-xbox</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-xing">

                                </span>
                                <span class="mls"> icon-brand-xing</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-xing-square">

                                </span>
                                <span class="mls"> icon-brand-xing-square</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-yahoo">

                                </span>
                                <span class="mls"> icon-brand-yahoo</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-yandex">

                                </span>
                                <span class="mls"> icon-brand-yandex</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-yandex-international">

                                </span>
                                <span class="mls"> icon-brand-yandex-international</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-y-combinator">

                                </span>
                                <span class="mls"> icon-brand-y-combinator</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-yelp">

                                </span>
                                <span class="mls"> icon-brand-yelp</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-yoast">

                                </span>
                                <span class="mls"> icon-brand-yoast</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-youtube">

                                </span>
                                <span class="mls"> icon-brand-youtube</span>
                            </div>


                        </div>
                        <div class="glyph fs1">
                            <div class="clearfix bshadow0 pbs">
                                <span class="icon-brand-youtube-square">

                                </span>
                                <span class="mls"> icon-brand-youtube-square</span>
                            </div>


                        </div>

                    </div>
                </div>



                <!-- footer
               ================================================== -->
                <div class="footer">
                    <div class="uk-grid-collapse" uk-grid>
                        <div class="uk-width-expand@s uk-first-column">
                            <p>© 2020 <strong>TubeLite</strong>. All Rights Reserved. </p>
                        </div>
                        <div class="uk-width-auto@s">
                            <nav class="footer-nav-icon">
                                <ul>
                                    <li><a href="#"><i class="icon-brand-facebook"></i></a></li>
                                    <li><a href="#"><i class="icon-brand-dribbble"></i></a></li>
                                    <li><a href="#"><i class="icon-brand-youtube"></i></a></li>
                                    <li><a href="#"><i class="icon-brand-twitter"></i></a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>



            </div>
        </div>
        </div>




        <!-- For Night mode -->
        <script>
            (function (window, document, undefined) {
                'use strict';
                if (!('localStorage' in window)) return;
                var nightMode = localStorage.getItem('gmtNightMode');
                if (nightMode) {
                    document.documentElement.className += ' night-mode';
                }
            })(window, document);


            (function (window, document, undefined) {

                'use strict';

                // Feature test
                if (!('localStorage' in window)) return;

                // Get our newly insert toggle
                var nightMode = document.querySelector('#night-mode');
                if (!nightMode) return;

                // When clicked, toggle night mode on or off
                nightMode.addEventListener('click', function (event) {
                    event.preventDefault();
                    document.documentElement.classList.toggle('night-mode');
                    if (document.documentElement.classList.contains('night-mode')) {
                        localStorage.setItem('gmtNightMode', true);
                        return;
                    }
                    localStorage.removeItem('gmtNightMode');
                }, false);

            })(window, document);
        </script>




        <!-- javaScripts
    ================================================== -->
        <script src="https://cdn.bootcdn.net/ajax/libs/uikit/3.2.1/js/uikit.min.js"></script>
        <script src="assets/js/jquery-3.3.1.min.js"></script>
        <script src="assets/js/simplebar.js"></script>
        <script src="assets/js/main.js"></script>


</body>

</html>